<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HomePage</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/bootstrap.bundle.min.js"></script>
    <style type="text/css" >
        body{background-color: #e1ba7d;
             background-image:url("/static/img/back1.png");
             background-repeat: no-repeat;
             background-attachment:fixed;
             background-position:left bottom;}

        div{background-image: url("/static/img/title.png");
            background-repeat: no-repeat;
            background-attachment:fixed;
            background-position:center top;
        }

        div{background-image: url("/static/img/back2.png");
            background-repeat: no-repeat;
            background-attachment:fixed;
            background-position:center bottom;
        }

        div{background-image: url("/static/img/back3.png");
            background-repeat: no-repeat;
            background-attachment:fixed;
            background-position:left bottom;
        }

        </style>

</head>
<body>

<h1 th:text="Hello "></h1>



</body>
</html>